/* line 8, ../cssFatory/sass/pro_categories.scss */
.main {
  overflow: hidden;
}
/* line 10, ../cssFatory/sass/pro_categories.scss */
.main .main-left {
  float: left;
  width: 7.68rem;
}
/* line 13, ../cssFatory/sass/pro_categories.scss */
.main .main-left .on {
  background: #ffffff;
}
/* line 16, ../cssFatory/sass/pro_categories.scss */
.main .main-left a {
  display: block;
  background: #dadada;
  text-align: center;
  border-top: 0.03556rem solid #999999;
  width: 7.68rem;
  line-height: 2.84444rem;
}
/* line 23, ../cssFatory/sass/pro_categories.scss */
.main .main-left a:hover {
  background: #ffffff;
}
/* line 26, ../cssFatory/sass/pro_categories.scss */
.main .main-left a img {
  display: inline-block;
  position: relative;
  top: 0.42667rem;
  width: 1.49333rem;
  line-height: 1.49333rem;
}
/* line 33, ../cssFatory/sass/pro_categories.scss */
.main .main-left a span {
  font-size: 0.85333rem;
  color: #333333;
  vertical-align: middle;
}
/* line 40, ../cssFatory/sass/pro_categories.scss */
.main .main-right {
  float: right;
  width: 17.77778rem;
  padding-right: 1.13778rem;
  padding-top: 0.71111rem;
  overflow: hidden;
}
/* line 46, ../cssFatory/sass/pro_categories.scss */
.main .main-right li {
  float: left;
  width: 8.03556rem;
  margin-left: 0.78222rem;
  margin-top: 1.63556rem;
}
/* line 51, ../cssFatory/sass/pro_categories.scss */
.main .main-right li img {
  width: 8.03556rem;
  width: 7.46667rem;
}
/* line 55, ../cssFatory/sass/pro_categories.scss */
.main .main-right li span {
  display: block;
  text-align: center;
  color: #333333;
  font-size: 0.85333rem;
  margin-top: 0.56889rem;
}
